import React from "react";
import styles from "./index.module.less";
import defaultHead from "@images/sex0.webp";
import SvgIcon from "@components/SvgIcon";

const Item = (props) => {
    const { item } = props;

    return (
        <div className={styles.item}>
            <div className={styles.devlop}>
                <SvgIcon font="icon-jinxingzhong" />
            </div>
            <p className={styles.content}>{item.content}</p>
            <p className={styles.prog}>研发进度：{item.devProg}%</p>
            <p className={styles.contri_title}>
                以下小伙伴在为本次研发燃烧青春：
            </p>
            <div className={styles.images}>
                {item.avatarArr &&
                    item.avatarArr.map((_item) => (
                        <img
                            key={_item}
                            src={
                                _item
                                    ? require(`@images/head/${_item}`)
                                    : defaultHead
                            }
                            alt=""
                            title="贡献人员"
                        />
                    ))}
            </div>
        </div>
    );
};

export default Item;
